@media only screen and (max-width: 1480px){
.pad_xbig{ padding: 100px; }
.pad_big{ padding: 60px; }
.pad_med{ padding: 40px; }
.pad_small{ padding: 30px; }
.pad_xsmall{ padding: 30px; }
.pad_xxsmall{ padding: 20px; }
.grid .wrapper.pad_big{ padding: 40px; }
.grid .wrapper.pad_med{ padding: 20px; }

.menu_cats .wrapper{ padding: 30px; }

.section.gallery .gallery_image{ height: 600px; }
}

@media only screen and (max-width: 1280px){
.pad_xbig{ padding: 60px; }
.pad_big{ padding: 40px; }

.section .image.with_bg{ height: 500px; }
.section .image.with_bg::before { height: 270px; }
.section .image.with_bg::after { height: 270px; }

.section.gallery::before { height: 270px; }
.section.gallery::after { height: 270px; }
.section.gallery .gallery_image{ height: 500px; }
}

@media only screen and (max-width: 1180px){
.pad_xbig{ padding: 80px; }
.pad_big{ padding: 60px; }
}

@media only screen and (max-width: 1080px){
#header #logo{ 
float: left;
display: block; 
position: relative;
left: inherit;
margin-left: 0;
padding: 23px 25px; 
text-indent: -9000px; 
z-index: 9999;
}

#header .nav_wrap{ width: auto; float: left; display: block; margin: 0; }

#header .toggle{ display: none; }
#nav_btn{ float: left; display: block; padding: 50px 20px; margin: 0; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 2px; 
float: left; 
display: block; 
background: #c3c0b8; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 9px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav{ 
width: 100%; 
height: calc(100vh - 70px); 
background: #192e57;
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
overflow: auto;
-webkit-overflow-scrolling: auto;
text-align: center;
}
#header .nav .wrap{
position: absolute;
top: 50%; 
left: 50%; 
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
transform: translate(-50%,-50%);
overflow: visible;
}
#header .nav .wrap::after{ display: none; }
#header .nav ul.menu{ width: 100%; text-align: center; padding: 0; margin-top: -100px; }
#header .nav ul.menu2{ float: left; margin: 0 0 20px; }
#header .nav ul.menu li{ width: 100%; float: left; }
#header .nav ul.menu li a{ height: 50px; display: block; font-size: 18px; color: #eee4d0; font-weight: 300; line-height: 50px; text-transform: uppercase; padding: 0 10px; position: relative; }
#header .nav ul.menu li a:hover{ text-decoration: underline; }
#header .btn_cta{ position: static; top: inherit; left: inherit; }

.section .image.with_bg{ height: 450px; }
.section .image.with_bg::before { height: 250px; }
.section .image.with_bg::after { height: 250px; }

.section.gallery::before { height: 250px; }
.section.gallery::after { height: 250px; }
.section.gallery .gallery_image{ height: 450px; }
}

@media only screen and (max-width: 880px){
.pad_xbig{ padding: 60px; }
.pad_big{ padding: 40px; }
.pad_med{ padding: 30px; }

.section.border{ padding-top: 130px; padding-bottom: 30px; }
.section.border:first-child{ margin-top: 60px; }
.section.border::before{ height: 100px; }

.menu_cats .wrapper{ column-count: 1; padding: 20px; }
.menu_cat ul li{ padding: 20px 0; }
.menu_cat ul.menu_adv li{ padding: 10px 0; }
.menu_cat ul.menu_adv li span{ padding: 3px 0 4px; }

.section.gallery{ margin: 20px 0; }
.section.gallery .gallery_image{ height: 400px; }

.section.contact .map{ height: 300px; }
}

@media only screen and (max-width: 680px){
.btn{ padding: 14px 30px; }

#header #logo{ padding: 22px 5px 22px 20px; }
#header #logo a{ width: 97px; height: 60px; }

#header .btn_reserve{ width: auto; top: 30px; right: 20px; padding: 10px 22px; }

#nav_btn{ padding: 40px 20px; }

.section.hgt100{ height: calc(100vh - 220px); }

.section.hero.hgt100{ margin-bottom: 70px; overflow: visible; }
.section.hero.hgt100 .header{ bottom: -70px; }

.section .header h1{ font-size: 50px; line-height: 56px; }
.section .header h2{ font-size: 32px; line-height: 38px; }
.section .header h2.big{ font-size: 50px; line-height: 56px; }
.section .header h2.alt{ font-size: 26px; line-height: 32px; }

.section.gallery .gallery_image{ height: 350px; }
.section.gallery .gallery_image:nth-child(3n+2), .section.gallery .gallery_image:nth-child(3n+3) { height: 300px; }

#footer{ padding-bottom: 40px; }
#footer .btns{ margin: 0; }
#footer .btns .btn{ width: 100%; float: left; display: block; margin: 6px 0; }

.content-block h1{ font-size: 30px; line-height: 36px; }
.content-block h2{ font-size: 28px; line-height: 32px; }
.content-block h3{ font-size: 24px; line-height: 32px; }
.content-block h4{ font-size: 20px; line-height: 26px; }
.content-block h5{ font-size: 18px; line-height: 24px; }
.content-block h6{ font-size: 18px; line-height: 24px; }
}

@media only screen and (max-width: 480px){
.pad_xbig{ padding: 40px; }
.pad_big{ padding: 30px 25px; }
.pad_med{ padding: 25px; }

#header .nav .wrap{ top: 45%; }

.menu_cats .wrapper{ padding: 15px; }

.section.gallery .gallery_image{ height: 300px; }
.section.gallery .gallery_image:nth-child(3n+2), .section.gallery .gallery_image:nth-child(3n+3) { height: 250px; }

.post{ padding: 30px 0; }

ul.press li h3{ font-size: 21px; line-height: 27px; }
ul.press li span.date{ font-size: 12px; line-height: 16px; }

.section.contact .map{ height: 220px; }

.wpcf7-form div.form_field textarea { height: 180px; }
div.wpcf7-response-output{ font-size: 18px; line-height: 24px; padding: 15px !important; }
}